<header class="dheader clearfix">
    <span class="title">麻雀科技速递管理总控平台</span>
    <div class="pull-right clearfix">
        <span class="pull-left icon-msg">message</span>
        <div class="pull-left">
            <div class="user-head">
                <img src="img/icon_1.png" alt="" class="img-circle" />
            </div>
        </div>
    </div>
</header>
<div class="wrappper">
    <ul class="list-unstyled dlists clearfix">
        <li>
            <div class="box">
                <img src="img/icon_1.png" alt="" class="img-circle center-block" />
                <p class="num">34</p>
                <p class="text-muted">平台总用户量</p>
            </div>
        </li>
        <li>
            <div class="box">
                <img src="img/icon_1.png" alt="" class="img-circle center-block" />
                <p class="num">34</p>
                <p class="text-muted">平台总用户量</p>
            </div>
        </li>
        <li>
            <canvas width="200" height="200" id="canvas" class="center-block"></canvas>
        </li>
    </ul>
    <div class="clearfix dbox">
        <div class="box box1">
            <div id="main" class="center-block mainbox"></div>
        </div>
        <div class="box box2">
            <div class="progress">
                <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 40%"></div>
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 40%"></div>
            </div>
            <div class="progress">
                <div class="progress-bar progress-bar-info" style="width: 40%"></div>
            </div>
        </div>
    </div>
</div>
